<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="{$seo_keywords}"/>
    <meta name="description" content="{$seo_description}"/>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>{$site_name} - {$seo_title}</title>
	{load href="__CSS__/dist/bootstrap.min.css"/}
	{load href="__CSS__/dist/swiper.min.css"/}
	{load href="__CSS__/dist/foundation.min.css"/}
	{load href="__CSS__/dist/jquery.fullPage.css" /}
	{load href="__CSS__/style.css"/}
	{load href="__JS__/jquery-1.10.2.min.js"/}
	{load href="__JS__/swiper.min.js" /}
	{load href="__JS__/jquery.fullPage.js" /}
	<link rel="icon" href="/favicon.ico" type="image/x-icon" /> 
	<link rel="shortcut icon " type="images/x-icon" href="/favicon.ico">
	{block name="header"}{/block}

	<style>
		
	</style>

	<script>
		$(function(){
			$('#fullpage').fullpage({
				sectionsColor: ['#fff','#fff','#fff','#fff','#000'],
				anchors: ['page1','page2','page3','page4','footer'],
				menu: '#menu',
				verticalCentered:false
			});
		});
	</script>
</head>
<body>
	

	<div id="fullpage">
	    <div class="section s1">
			<div class="web_header">
				<div class="container"> 
					<div class="logo float-left">
						<a href="/"><img src="{$site_logo}" alt=""></a>
					</div>
					<div class="nignav float-right">
						<ul>
							<li class="{if condition="$catid==0"}active{/if}"><a href="/cn">首页</a></li>
							{cp:cat catid="0" id="r"}
							<li>
								<a href="{$r.url}">{$r.catname}</a>
								<div class="item">
									{cp:cat catid="$r['id']" id="rr"}
									<div class="a"><a href="{$rr.url}">{$rr.catname}</a></div>
									{/cp:cat}
								</div>
							</li>
							{/cp:cat}
						</ul>
					</div>
				</div>
			</div>
			<div class="wap_header">
			    <div class="header-top">
			        <a href="/" class="logo">
			            <img src="{$site_logo}" alt="">
			        </a>
			        <a class="channel toggle-slide-right">
			            <i class="icon iconfont">&#xe608;</i>
			        </a>
			    </div>
			</div>

			<script>
			    $('.lang').click(function(){
			        $('.g-nav').toggle();
			    });
			</script>
			<nav class="menu slide-menu-right">
			    <ul class="wap_nav_lists">
			        <li><button class="close-menu" style="border:none;">关闭 &rarr;</button></li>
			        <li><a href="{:U('Index/index')}">{:L('HOME_FONT')}</a></li>
			        {cp:cat catid="0" id="r"}
			            <li>
			            	<a href="{$r.url}">{$r.catname}</a>
			            	<ol class="z_menu_nav">
			            		{cp:cat catid="$r['id']" id="rr"}
								<li><a href="{$rr.url}">{$rr.catname}</a></li>
			            		{/cp:cat}
			            	</ol>
			            </li>
			        {/cp:cat}
			    </ul>
			</nav>

			{php}$slide = getSlide(1);{/php}
			<div class="banner">
				<div class="swiper-container swiper-banner">
				    <div class="swiper-wrapper">
						{volist name="slide" id="r"}
				      	<div class="swiper-slide">
							<a href="{$r.link}" style="background:url('{$r.pic}') center no-repeat;display:block;height:100%;"><!-- <img src="{$r.pic}" alt="" --></a>
				      	</div>
				      	{/volist}
				    </div>
				  </div>
				  <div class="next-bottom"><a href="#page2"><img src="__IMG__/xia.png" alt=""></a></div>
			</div>
	    </div>
		{block name="main"}{/block}

		<div class="section" id="section-footer">
		  <div id="footer-text">
		    	<div class="footer">
		    		<div class="foot-top">
		    			<div class="container">
			    			<div class="footer_nav">
			    				<ul>
			    					{cp:cat catid="0" id="r"}
			    					<li><a href="{$r.url}">{$r.catname}</a></li>
			    					{/cp:cat}
			    				</ul>
			    			</div>
								
							<div class="row">
								<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4">
									<div class="footer-logo">
										<div class="img"><img src="__IMG__/logo_01.png" alt="" style="max-width:204px;"></div>
										<p style="font-size:12px;">深圳前海安银国际金融控股有限公司</p>
									</div>
								</div>
								<div class="col-xs-12 col-sm-12 col-md-12 col-lg-3">
									<div class="footer-contact">
										<h3>联系方式</h3>
										<p class="address">{$site_address}</p>
										<p class="tel">{$site_telephone}</p>
										<p class="email">{$site_email}</p>
									</div>
								</div>
								<div class="col-xs-6 col-sm-6 col-md-6 col-lg-2">
									<div class="footer-images footer-contact">
										<div class="waCat">
											<div class="img"><img src="{$site_wxqrcode}" alt=""></div>
											<p style="padding:0;">关注微信公众号</p>
										</div>
									</div>
								</div>
								<div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
									<div class="footer-zs footer-contact" style="border-right:none;">
										<div class="top">
											<h3>基金管理人牌照</h3>
											<div class="img"><img src="{$jj_img}" alt=""></div>
										</div>
										<div class="bottom">
											<h3>指导机构</h3>
											<div class="img"><img src="{$zd_img}" alt=""></div>
										</div>
									</div>
								</div>
							</div>
						</div>
		    		</div>
					<div class="foot-bottom clearfix">
						<div class="container">
							<p class="float-left">{$site_copyright}</p>
							<p class="float-right">法律声明</p>
						</div>
					</div>
		    	</div>
		  </div>
		</div>
	</div>

	<ul id="menu">
	    <li data-menuanchor='page1' class="active">
	        <a href="#page1" style="background:url('__IMG__/icon_top_01.png');background-size:cover;">
	        </a>
	    </li>
	    <li data-menuanchor='page2'>
	        <a href="#page2" style="background:url('__IMG__/maodian_01.png');background-size:cover;"></a>
	        <p>公司简介</p>
	    </li>
	    <li data-menuanchor='page3'>
	        <a href="#page3" style="background:url('__IMG__/maodian_02.png');background-size:cover;"></a>
	        <p>投资案例</p>
	    </li>
	    <li data-menuanchor='page4'>
	        <a href="#page4" style="background:url('__IMG__/maodian_03.png');background-size:cover;"></a>
	        <p>新闻中心</p>
	    </li>
	</ul>

	{load href="__JS__/style.js" /}
	{load href="__JS__/nav.js" /}
	{load href="__JS__/classie.js" /}
	<script>
	    var swiper = new Swiper('.swiper-banner', {
		    pagination: {
		        el: '.swiper-pagination',
		        dynamicBullets: true,
		    },
	      	loop:true,
	        autoplay:{
	        	delay:3000,
	        	stopOnLastSlide: false,
	        	disableOnInteraction: false,
	        }
	    });
	</script>

	
	
	<script>
		$(function(){
			var windowH = $(window).height();
			var windowW = $(window).width();
			function bannerH(){
				windowH = $(window).height();
				windowW = $(window).width();
		    	if(windowW > 1200){
		    		$('.banner').height(windowH - $('.web_header').height());
		    	}else{
		    		$('.banner').height(windowH - $('.wap_header').height());
		    	}

		    	$('.banner .swiper-banner img').each(function(){
		    		$(this).css({marginLeft:-($(this).width() - windowW) / 2 })
		    	})
			}
			bannerH();
		    
		    $(window).resize(function(){
		    	bannerH();
		    })
		})
	</script>
</body>
</html>